import { Table } from 'antd'

export default function Test() {
  const dataSource = [
    {
      key: '1',
      name: '胡彦斌',
      age: 32,
      address: '西湖区湖底公园1号',
    },
    {
      key: '2',
      name: '胡彦祖',
      age: 42,
      address: '西湖区湖底公园1号',
    },
  ]

  const columns = [
    {
      title: '姓名',
      // 🔔 dataIndex属性相当于获取数据源的 item.name
      dataIndex: 'name',
      // render 可用于渲染自定义内容，如图片，如链接等
      render: (name) => {
        console.log(name)
        return <a href='###'>{name}</a>
      },
      // 官网文档说明：React 需要的 key，如果已经设置了唯一的 dataIndex，可以忽略这个属性
      // key:'name'
    },
    {
      title: '年龄',
      // 相当于 item.age
      dataIndex: 'age',
      // key: 'age',
    },
    {
      title: '住址',
      // 相当于 item.address
      dataIndex: 'address',
      // key: 'address',
    },
  ]
  return (
    <div>
      <Table dataSource={dataSource} columns={columns} />
    </div>
  )
}
